<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.css" rel="stylesheet" />
		<style type="text/css">
			body{
				background: #F8F8F8;
			}
			.mui-bar{
				background:linear-gradient(180deg,rgba(252,126,119,1) 0%,rgba(254,96,93,1) 100%);
			}
			a , .mui-title{
				color:rgba(255,255,255,1);
			}
			.message_one{
				width: calc(96% - 15px );
				position: relative;
				float: left;
				margin-left: 15px;
				height:211.5px;
				background:rgba(255,255,255,1);
				box-shadow:0px 10px 9px 0px rgba(231,231,231,0.31);
				border-radius:5px;
				margin-top: 24.5px;
			}
			.message_two{
				font-size:17px;
				font-family:PingFang-SC-Bold;
				font-weight:bold;
				color:rgba(51,51,51,1);
				line-height:36px;
				width: calc(96% - 15px);
				margin-left: 15px;
				box-sizing: border-box;
				border-bottom: 1px solid rgba(235,235,235,1);
				text-align: center;
				padding-bottom: 15px;
				padding-top: 14px;
			}
			.message_three{
				width:calc(96% - 15px) ;
				margin-left: 15px;
				font-size:15px;
				font-family:PingFang-SC-Medium;
				font-weight:500;
				color:rgba(102,102,102,1);
				line-height: 20px;
				padding-top: 15px;
				box-sizing: border-box;
			}
			.system_one{
				float: right;
				padding-right: 15px;
				margin-top: 18px;
				font-size:13px;
				font-family:PingFang-SC-Medium;
				font-weight:500;
				color:rgba(153,153,153,1);
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">系统消息</h1>
		</header>
		<div class="mui-content">
			<div class="message_one">
							<div class="message_two">系统消息</div>
							<div class="message_three">恭喜你成为本平台的会员，欢迎您使用！希望您
在使用中能多多提出意见！共建一个和谐平等互
助的平台，在使用中有什么问题可以联系我的客
服，我们会有专人为你答疑解惑!</div>
							<div class="system_one">19/07/05</div>
			</div>
		</div>
		<script src="../js/mui.js"></script>
		<script src="../js/jquery-3.1.1.min.js"></script>
		<script type="text/javascript">
			mui.plusReady(function(){
				var url = plus.storage.getItem('url');
				var user = plus.storage.getItem('user');
				user = JSON.parse(user);
				var web = plus.webview.currentWebview();
				var messageid = web.messageid;
				mui.post(url+'/juyou/message/getsysmessage',{token:user.token,id:messageid},function(res){
					if(res.code==200){
						$(".message_three").text(res.data.neirong);
						$(".system_one").text(res.data.create_time);
					}else{
						mui.toast(res.msg);
					}
				})
				mui.init()
			})
		</script>
	</body>

</html>
